<!DOCTYPE>
<html lang="en">
<head>
    <meta charset="UTF-8">
<title>横向导航菜单</title>
	<style>
		a{
			font-size:16px;
			color:#000000;
			text-decoration:none;
		}
		.mainmenu{
			height:30px;
			background:forestgreen;
			padding-left:100px;
		}
		.mainmenu a{
			display:inline;
			float:left;
			height:30px;
			line-height:30px;
			color:#FFFFFF;
			margin:0 10px;
			padding:0 10px;
		}
		.mainmenu a:hover,.mainmenu a.cur{
			background:#FFFFFF;
			color:forestgreen;
		}
	</style>
</head>

<body>
<div class="menu">
	<div class="mainmenu">
		<a class="cur" href="#">交通出行</a>
		<a href="#">酒店预订</a>
		<a href="#">旅游度假</a>
		<a href="#">定制旅游</a>
		<a href="#">演出票务</a>
	</div>
</div>
</body>

</html>